let xhr = new XMLHttpRequest();
xhr.open("GET", "member/getAll", false);
xhr.send();
if (xhr.status == 200) {
    let result = JSON.parse(xhr.responseText);
    let memberContainerDiv = document.querySelector("#member-container");
    for (let i = 0; i < result.data.length; i++) {
        let itemDiv = document.createElement("div");
        itemDiv.className = "item";
        let memberDiv = document.createElement("div");
        memberDiv.className = "testi_item"
        let h3 = document.createElement("h3");
        h3.innerHTML = result.data[i].name;
        let p = document.createElement("p");
        p.innerHTML = result.data[i].introduction;
        p.onclick = function () {
            alert(result.data[i].introduction);
        }
        let mediaDiv = document.createElement("div");
        mediaDiv.className = "media"
        let mediaBodyDiv = document.createElement("div");
        mediaBodyDiv.className = "media-body"
        let h4 = document.createElement("h4");
        h4.innerHTML = result.data[i].position;
        let h5 = document.createElement("h5");
        h5.innerHTML = result.data[i].sex;

        mediaBodyDiv.appendChild(h4);
        mediaBodyDiv.appendChild(h5);

        mediaDiv.appendChild(mediaBodyDiv);

        memberDiv.appendChild(h3);
        memberDiv.appendChild(p);
        memberDiv.appendChild(mediaDiv);

        itemDiv.appendChild(memberDiv);
        memberContainerDiv.appendChild(itemDiv);
    }
}